@charset "utf-8";
@import "common/reset";

//轮播图
.carousel{
    margin-top: 47px;
    ol{
        .yuandian{
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: none;
            border: 1px solid white;
        }
        .active{
            background: white;
        }
    }
}
//猎刃2
.lieren,.zhugong{
    padding-bottom: 60px;
    .width-cus{
        background: url(../img/game/game_bg_02.png)no-repeat left;
        .gamebg{
            
            .remen{
                width: 40px;
                height: 100px;
                background: url(../img/game/hot-icon.png)no-repeat center;
                padding: 10px;
                p{
                    font-size: 20px;
                    color: white;
                }
            }
        }
        .gamecontent{
            padding-top: 35px;
            .title{
                text-align: right;
                h1{
                    font-size: 30px;
                    margin-bottom: 15px;
                }
                p{
                    font-size: 12px;
                    color: #898989;
                    line-height: 30px;
                    margin-bottom: 30px;
                }
            }
            .tupian{
                .picbox{
                    border-radius: 10px;
                    overflow: hidden;
                    margin-bottom: 30px;
                    img{
                        width: 100%;
                    }
                }
            }
        }
    }
}

//上吧主公
.zhugong{
    .width-cus{
        background: url(../img/game/game_bg_01.png)no-repeat right;
        .gamecontent{
            padding-top: 0;
            padding-bottom: 120px;
        }
    }
}
//更多案例
.gengduo{
    .width-cus{
        padding-bottom: 55px;
        .title{
            h1{
                font-size: 36px;
                margin-bottom: 40px;
            }
        }
        .content{
            margin-bottom: 40px;
            text-align: center;
            .gamebox{
                border-radius: 5px;
                overflow: hidden;
                position: relative;
                img{
                    width: 100%;
                }
                .yincang{
                    width: 100%;
                    height: 100%;
                    transform: translateX(-100%);
                    transition: 1s;
                    position: absolute;
                    top: 0;
                    z-index: 1;
                    background-color: rgba(0,0,0,0.55);
                    p{
                        font-size: 12px;
                        color: white;
                        margin-top: 20px;
                    }
                }
                &:hover{
                    .yincang{
                        transform: translateX(0);
                        transition: 1s;
                    }
                }
            }
            >p{
                margin-top: 13px;
                font-size: 14px;
                color: #2A2A2A;
            }
        }
    }
}

//移动端
@media only screen and (max-width:414px){
    .lieren,.zhugong{
        .width-cus{
            background: none;
        }
    }
    .zhugong{
        .width-cus{
            .gamecontent{
                padding-bottom: 20px;
            }
        }
    }
}

